import { Routes, Route } from 'react-router-dom'
import './styles/theme.css'
import Layout from '@/components/layout/Layout'
import DataViewer from '@/pages/DataViewer'
import TopicManager from '@/pages/TopicManager'
import MessageProducer from '@/pages/MessageProducer'
import Monitor from '@/pages/Monitor'
import Settings from '@/pages/Settings'
import Home from '@/pages/Home'
import KsqlBrowser from '@/pages/KsqlBrowser'

function App() {
  return (
    <Layout>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/data-viewer" element={<DataViewer />} />
        <Route path="/topic-manager" element={<TopicManager />} />
        <Route path="/message-producer" element={<MessageProducer />} />
        <Route path="/monitor" element={<Monitor />} />
        <Route path="/ksql-browser" element={<KsqlBrowser />} />
        <Route path="/settings" element={<Settings />} />
      </Routes>
    </Layout>
  )
}

export default App
